<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery Mobile-Webanwendung</title>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.theme-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/js/jquery/jqueryMobile/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="../src/css/index_mobile.css" rel="stylesheet" type="text/css"/>
<script src="../src/js/jquery/main/jquery-1.10.2.js" type="text/javascript"></script>
<script src="../src/js/jquery/jqueryMobile/jquery.mobile-1.3.2.js" type="text/javascript"></script>
</head> 
<body> 

<div data-role="page" id="einstellungen" data-add-back-btn="true" data-back-btn-text="Back">
	<div data-role="header">
		<h1>Einstellungen</h1>
	</div>
	<div data-role="content">
		<div data-role="fieldcontain">
		  <div class="ui-grid-a">
		    <div class="ui-block-a form_padding"><label for="textinput">Kilometeranzahl pro Jahr:</label></div>
		    <div class="ui-block-b form_padding"><input type="number" name="textinput" id="kmjahr" value=""  /></div>
		    <div class="ui-block-a form_padding"><label for="textinput">Freikilomter:</label></div>
		    <div class="ui-block-b form_padding"><input type="number" name="textinput" id="freikm" value=""  /></div>
		    <div class="ui-block-a form_padding"><label for="textinput">Kosten pro Kilometer:</label></div>
		    <div class="ui-block-b form_padding"><input type="number" name="textinput" id="kostenkm" value=""  /></div>
		    <div class="ui-block-a form_padding"><label for="textinput">Kosten für Mehrkilometer:</label></div>
		    <div class="ui-block-b form_padding"><input type="number" name="textinput" id="mehrkm" value=""  /></div>
		    <div class="ui-block-a form_padding"><label for="textinput">Kosten für Minderkilometer:</label></div>
		    <div class="ui-block-b form_padding"><input type="number" name="textinput" id="minderkm" value=""  /></div>
            <div class="ui-block-a form_padding"><a href="#" data-role="button">Zurücksetzen</a>
            </div>
		    <div class="ui-block-b form_padding"><a href="#" data-role="button">Speichern</a>
            </div>
	      </div> 
      </div>	
	</div>
	<div data-role="footer">
		<h4>Kilometerpauschale</h4>
	</div>
</div>

</body>
</html>